/**
 * 企业页面js
 */
$(function(){
	
	$(".onjob").click(function(){
		$(this).css("color","red").css("background","#A0C9ED");
		$(".shift").css("top","60px");
		$(".left div").not($(this)).css("color","blue").css("background","none");
		$(".right-padding-cominfo").show();
		$(".right-padding-money,.right-padding-log,.right-padding-rate,.right-padding-cs").hide();
	})
	$(".price").click(function(){
		$(this).css("color","red").css("background","#A0C9ED");
		$(".shift").css("top","120px");
		$(".left div").not($(this)).css("color","blue").css("background","none");
		$(".right-padding-money").show();
		$(".right-padding-cominfo,.right-padding-log,.right-padding-rate,.right-padding-cs").hide();
	})
	$(".record").click(function(){
		$(this).css("color","red").css("background","#A0C9ED");
		$(".shift").css("top","180px");
		$(".left div").not($(this)).css("color","blue").css("background","none");
		$(".right-padding-log").show();
		$(".right-padding-money,.right-padding-cominfo,.right-padding-rate,.right-padding-cs").hide();
	})
	$(".leave").click(function(){
		$(this).css("color","red").css("background","#A0C9ED");
		$(".shift").css("top","240px");
		$(".left div").not($(this)).css("color","blue").css("background","none");
		$(".right-padding-rate").show();
		$(".right-padding-money,.right-padding-cominfo,.right-padding-log,.right-padding-cs").hide();
	})
	$(".Customerservice").click(function(){
		$(this).css("color","red").css("background","#A0C9ED");
		$(".shift").css("top","300px");
		$(".left div").not($(this)).css("color","blue").css("background","none");
		$(".right-padding-cs").show();
		$(".right-padding-money,.right-padding-cominfo,.right-padding-log,.right-padding-rate").hide();
	})
	
	$.post("getcominfo",function(data){
		console.log(data);
		if(data.code=="0"){
			$(".comname").text(data.data[0].commname);
		}
	})
}) 

$.post("getcommeg",function(data){
	layui.use(['form','table'], function(){
		var form = layui.form;
		
		$('#inid').html('');
		var html='';
		$.each(data.data,function(i,e){
			html+="<option value=\""+e.inid+"\" data-type=\""+e.inid+"\">"+e.inname+"</option>";
		})
		$('#inid').append(html);
		form.render('select');
		
		var table = layui.table; //表格
		  table.render({
		    elem: '#inemp'
		    ,method:'get'
		    ,url: 'getuserinfo?inid='+$("#inid").val() //数据接口
		    ,title: '员工订单'
		    ,cellMinWidth: 100 //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
		    ,cols: [[ //表头
		      {type: 'checkbox', fixed: 'left'}
		      ,{field: 'wid', title: '订单号',width:300, sort: true, fixed: 'left'}
		      ,{field: 'inname',width:300, title: '员工名'}
		      ,{field: 'wotime',width:300, title: '下单时间', sort: true}
		      ,{field: 'wrmark',width:400, title: '备注信息', sort: true}
		      ,{field: 'wtype',width:330, title: '状态', sort: true, totalRow: true}
		    ]]
		  })
		form.render('select');
		
		form.on('select(select01)', function(data){
			  //执行一个 table 实例
			layer.msg("获取订单成功");
			  table.render({
			    elem: '#inemp'
			    ,method:'get'
			    ,url: 'getuserinfo?inid='+$("#inid").val() //数据接口
			    ,title: '员工订单'
			    ,cellMinWidth: 100 //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
			    ,cols: [[ //表头
			      {type: 'checkbox', fixed: 'left'}
			      ,{field: 'wid', title: '订单号', sort: true, fixed: 'left'}
			      ,{field: 'inname', title: '员工名'}
			      ,{field: 'wotime', title: '下单时间', sort: true}
			      ,{field: 'wrmark', title: '备注信息', sort: true}
			      ,{field: 'wtype', title: '状态', sort: true, totalRow: true}
			    ]]
	        })
		})
	})
})





layui.use(['laypage', 'layer', 'table'], function(){
  var table = layui.table; //表格
  
  //执行一个 table 实例
  table.render({
    elem: '#comuser'
    ,method:'post'
    ,url: 'getcommeg' //数据接口
    ,title: '用户表'
    ,cellMinWidth: 100
    ,page: true //开启分页
    ,toolbar: '#xintai' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
    ,cols: [[ //表头
      {type: 'checkbox', fixed: 'left'}
      ,{field: 'inid', title: 'ID', width:120, sort: true, fixed: 'left', totalRowText: '合计：'}
      ,{field: 'inname', title: '员工名', width:120}
      ,{field: 'inimg', title: '员工头像地址', width: 200, sort: true, totalRow: true}
      ,{field: 'inidc', title: '员工身份证号', width:200, sort: true}
      ,{field: 'rtime', title: '注册时间', width: 200, sort: true, totalRow: true}
      ,{field: 'inbirth',align:'center', title: '生日', width:150} 
      ,{field: 'inadd',align:'center', title: '地址', width: 120}
      ,{field: 'identification', title: '认证图', width: 210}
      ,{field: 'state', title: '状态', width: 100, sort: true, totalRow: true}
      ,{fixed: 'right',width: 200,  align:'center', toolbar: '#barDemo'}
    ]]
  });

	$("#getexport").click(function(data){
		var url = "outexaxluserinfo";
        var fileName = "员工档案表.xls";
        var form = $("<form></form>").attr("action", url).attr("method", "post");
        form.append($("<input></input>").attr("type", "hidden").attr("name", "fileName").attr("value", fileName));
        form.appendTo('body').submit().remove();
	})
	
	
	
	
  
  //监听行工具事件
  table.on('tool(comuser)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值"
    var data = obj.data //获得当前行数据
    ,layEvent = obj.event; //获得 lay-event 对应的值
    if(layEvent === 'detail'){
      layer.msg('查看操作');
    } else if(layEvent === 'del'){
      layer.confirm('真的删除行么', function(index){
        obj.del(); //删除对应行（tr）的DOM结构
        layer.close(index);
        //向服务端发送删除指令
      });
    } else if(layEvent === 'edit'){
      layer.msg('编辑操作');
    }
  });
	$(".onjob").trigger("click");
})